<!DOCTYPE html>
<html>
  <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<!--[if lt IE 9]>
<script src="/static/js/html5.js?v=0.6"></script>
<![endif]-->
    <link rel="SHORTCUT ICON" href="/satic/favicon.ico?v=0.6" />
    <link href="/static/third/bootswatch/united/bootstrap.min.css?v=2.3.2" rel="stylesheet" media="screen">
##    <link href="/static/third/bootstrap/css/bootstrap.min.css?v=2.3.2" rel="stylesheet" type="text/css">
    <link href="/static/third/bootstrap/css/bootstrap-responsive.min.css?v=2.3.2" rel="stylesheet" type="text/css">
    <link href="/static/third/font-awesome/css/font-awesome.min.css?v=3.1.0" rel="stylesheet" media="screen">
<!--[if IE 7]>
<link rel="stylesheet" href="/static/font-awesome/css/font-awesome-ie7.min.css?v=3.1.0">
<![endif]-->
    <link rel="stylesheet" href="${ theme_url('css/site.css') }">
    <link rel="stylesheet" href="${ theme_url('css/admin.css') }">
    <%block name="head" />
    <title>${ title } - ${ _("LuoYunCloud Admin Console") }</title>
  </head>
  <body data-spy="scroll" data-target=".subnav" data-offset="80">
    <script type="text/javascript" src="/static/third/json2.js?v=20121008"></script>
    <script type="text/javascript" src="/static/third/jquery-1.9.1.min.js?v=1.9.1"></script>
    <script type="text/javascript" src="/static/third/jquery-migrate-1.2.1.min.js?v=1.2.1"></script>
    <script type="text/javascript" src="/static/third/bootstrap/js/bootstrap.min.js?v=2.3.2"></script>
    <script type="text/javascript" src="${ theme_url('js/site.js') }"></script>

    <div id="header" class="navbar navbar-fixed-top">
      <div class="navbar-inner">
        <div class="container">
          <a href="/admin" class="brand"><i class="icon-home"></i> ${ _("Admin") }</a>
          <ul role="navigation" class="nav">
            <li><a href="${ reverse_url('admin:user') }"><i class="icon-user"></i> ${ _("Account") }</a></li>
            <li><a href="${ reverse_url('admin:appliance') }"><i class="icon-globe"></i> ${ _("Appliance") }</a></li>
            <li><a href="${ reverse_url('admin:instance') }"><i class="icon-hdd"></i> ${ _("Instance") }</a></li>
            <li><a href="${ reverse_url('admin:node') }"><i class="icon-sitemap"></i> ${ _("Node") }</a></li>
            <li><a href="${ reverse_url('admin:forum') }"><i class="icon-group"></i> ${ _("Forum") }</a></li>
            <li class="dropdown">
              <a data-toggle="dropdown" class="dropdown-toggle" role="button" id="drop2" href="#"><i class="icon-reorder"></i> ${ _("Other") } <b class="caret"></b></a>
              <ul aria-labelledby="drop2" role="menu" class="dropdown-menu">
                <li><a href="${ reverse_url('system') }">${ _("System") }</a></li>
                <li><a href="/admin/site">${ _("Site") }</a></li>
                <li><a href="${ reverse_url('admin:registration') }">${ _("Registration") }</a></li>
                <li><a href="${ reverse_url('admin:resource') }">${ _("Resources") }</a></li>
                <li><a href="${ reverse_url('admin:domain') }">${ _("Domain") }</a></li>
                <li><a href="${ reverse_url('admin:network') }">${ _("Network") }</a></li>
              </ul>
            </li>
            <li class="dropdown">
              <a data-toggle="dropdown" class="dropdown-toggle" role="button" id="drop1" href="#"><i class="icon-desktop"></i> ${ _("Visit Site") } <b class="caret"></b></a>
              <ul aria-labelledby="drop1" role="menu" class="dropdown-menu">
                <li><a href="/">${ _("Home") }</a></li>
                <li><a href="/appliance">${ _("Appliance") }</a></li>
                <li><a href="/instance">${ _("Instance") }</a></li>
                <li><a href="/myun">${ _("My LuoYun") }</a></li>
                <li><a href="/wiki">${ _("FAQ") }</a></li>
              </ul>
            </li>
          </ul>

          <ul class="nav pull-right">
            <li class="dropdown" id="fat-menu">
              <a data-toggle="dropdown" class="dropdown-toggle" role="button" id="drop2" href="#"><i class="icon-user"></i> ${ current_user.username } <b class="caret"></b></a>
              <ul aria-labelledby="drop2" role="menu" class="dropdown-menu">
                <li role="presentation"><a href="/account" tabindex="-1" role="menuitem">${ _("My Account") }</a></li>
                <li role="presentation"><a href="${ reverse_url('message:inbox') }" tabindex="-1" role="menuitem">${ _("Inbox") }
                    %if current_user.notice:
                    (${ current_user.notice })
                    %endif
                </a></li>
                <li role="presentation"><a href="/admin" tabindex="-1" role="menuitem">${ _("Admin") }</a></li>
                <li role="presentation"><a href="/logout" tabindex="-1" role="menuitem">${ _("Logout") }</a></li>
              </ul>
            </li>
          </ul><!-- /pull-right -->

        </div>
      </div>
    </div>

    <div id="main" class="container min-height600">
      <%block name="main"/>
    </div>

    <div id="footer">
      <div id="footer-wrap" class="doc4">
        <span id="powered-by"><span class="text">${ _("Powered by") }</span><a href="http://www.luoyun.co" target="_blank">${ _("LuoYun") }</a></span>
        <span class="site-language">
          ${ _("Select Language") }
          <select class="site-language-select">
            % for code in LANGUAGES:
            <option value="${ code }">${ LANGUAGES[code] }</option>
            % endfor
          </select>
        </span>
      </div>
    </div>

    <script type="text/javascript">
      $('.dropdown-toggle').dropdown();
      $('.subnav').affix();
      binding_site_language_select( "${ locale.code }" );
    </script>

  </body>
</html>
